.m-button {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: rem(1) solid transparent;
  box-shadow: 0 rem(2) #00000004;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  padding: rem(8) rem(15);
  font-size: rem(14);
  border-radius: rem(2);
  color: #000000d9;
  background: $white;
  border-color: $border-color;
  line-height: rem(14);
  cursor: pointer;
  &-success {
    color: $white;
    background: $success;
    border-color: $success;
  }
  &-primary {
    color: $white;
    background: $primary;
    border-color: $primary;
  }
  &-warning {
    color: $white;
    background: $warning;
    border-color: $warning;
  }
  &-danger {
    color: $white;
    background: $danger;
    border-color: $danger;
  }
  &-size-lg {
    padding: rem(10) rem(15);
    i {
      top: rem(3);
    }
  }
  &-size-sm {
    padding: rem(4) rem(7);
  }
  &-block {
    display: block;
    width: 100%;
  }
}

.m-button[disabled] {
  color: #00000040;
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
